@charset "utf-8";
/* CSS Document */
/* -----------------------------------全局重置----------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {outline: 0;}
*{-webkit-transition-duration: 400ms;
	-webkit-transition-property: all, background;
	-webkit-transition-timing-function: ease;
	-moz-transition-duration: 400ms;
	-moz-transition-property: all, background;
	-moz-transition-timing-function: ease;
	-o-transition-duration: 400ms;
	-o-transition-property: all, background;
	-o-transition-timing-function: ease;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {	content: "";}
blockquote, q {	quotes: "" "";}

/*----------------------------------------主样式表-------------------------------------------*/

html, body {border:0;margin:0;padding:0;}
body {line-height: 1;font: 12px Arial, Helvetica, sans-serif;background-color: #fbfaf8;}

/***** Headings *****/

h1, h2, h3, h4, h5, h6 {margin:0;padding:0;font-weight:normal;}
h1 {padding:30px 0 25px 0;letter-spacing:-1px;font-size:2em;}
h2 {padding:20px 0;letter-spacing:-1px;font-size:1.5em;}
h3 {font-size:1em;font-weight:bold;}

/***** Common Formatting *****/

blockquote {margin:1.25em;padding:1.25em 1.25em 0 1.25em;}
small {font-size:0.85em;}
img {border:0;}
sup {position:relative;bottom:0.3em;vertical-align:baseline;}
sub {position:relative;bottom:-0.2em;vertical-align:baseline;}
acronym, abbr {cursor:help;letter-spacing:1px;border-bottom:1px dashed;}

/***** Links *****/

* a{outline:0;zoom:1;}
a{color:#123456;}
a:link,a:visited,a:hover {text-decoration:none;}
a:hover {color:rgba(24,131,196,0.9);color:#1883c4\9;}

/***** Forms *****/

form {margin:0;padding:0;display:inline;}
form input,
form select,
form textarea {font:1em Arial, Helvetica, sans-serif;}
form textarea {width:100%;line-height:1.25;}
form label {cursor:pointer;}

/***** Tables *****/

table {border:0;margin:0 0 1.25em 0;padding:0;}
table tr td {padding:2px;}

/***** Global Classes *****/

.fl            {float:left;}
.fr            {float:right;}
.clearfix:after{content:'\0020';display:block;height:0;clear:both;}
.clearfix      {*zoom:1;}

.text-left     {text-align:left;}
.text-right    {text-align:right;}
.text-center   {text-align:center;}
.text-justify  {text-align:justify;}

.bold          {font-weight:bold;}
.italic        {font-style:italic;}
.underline     {border-bottom:1px solid; }
.highlight     {background:#ffc;}

.nopadding     {padding:0;}
.noindent      {margin-left:0;padding-left:0;}
.nobullet      {list-style:none;list-style-image:none;}

/*-----------------------------------头部-----------------------------*/
.header{
	position:relative;z-index:2;
	width: auto;	
	height: 50px;
	margin: 0 5px;
	clear: none;
	padding : 29px 0 25px;
}
.header ul{height: 50px;}
.header ul li{margin:0;}
.header ul .logo{
	width: 20%;
	height: 50px;
	float: left;
	background: transparent url(../img/logo.png) no-repeat left -2px;
	display: inline-block;
	border-right: 1px solid #dfdedc;
}
.header ul .logo a{
	height: 21px;width: 100%;display: inline-block;
}

.nav{
	position:relative;z-index:1;
	width: auto;	
	height: 60px;
	margin: 0 4px 0 6px;
	*margin: 0 17px 0 7px;
	clear: none;
	*background-color: #ededed;
}
.nav a{
	float: left;
	width: 33.33333333333333333333333333333333333333333333333333333333333333333%;
	*width:33.3%;
	color: #444444;
	font-family: "微软雅黑";
	font-size: 24px;
	line-height: 60px;
	background-color: #ededed;
	text-indent: 15px;
}
.nav a:hover{
	background-color: #6cc5c9;
	color: #FFF;
}

#index .index,#feeling .feeling,#discovery .discovery,#thinking .thinking,#jingyan .jingyan,#gift .gift,#inbox .inbox,#tanchuan .tanchuan,#search .search,#setting .setting,#bolg .bolg,#Favorites .Favorites,#star .star,#duanzi .duanzi,#days .days{background-color: #6cc5c9;	color: #FFF;}
/*-----------------------------------框架-----------------------------*/
#index,#feeling,#discovery,#thinking,#jingyan,#gift,#inbox,#tanchuan,#search,#setting,#bolg,#Favorites,#star,#duanzi,#days{margin: 0 2.0%;}
#sidebar{}

/* -- 首页 index --*/
#index .container{text-align:center;margin-top:7px;color: #999999;}
#index .container .cell{padding: 7px;}
#index .container .cell ul{background: #fff;*border: 1px solid #ededed;*padding: 0px;
-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.3);-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.3);box-shadow:0 1px 3px rgba(0, 0, 0, 0.3);}
#index .container .cell img{width:88%; height:auto;margin:15px 15px 0 15px;*margin:13px;}
#index .container ul li{
	margin-left:15px;
	width:90%;
    bottom:0px;
	z-index: 88;
	height: 29px;
	background: rgba(255, 255, 255, 0.6);
	color: #fff;
	position:relative;z-index:1;}
#index .container ul:hover li{bottom:29px;}
#index .container a:hover .img{position: relative;*position: none;filter:alpha(opacity=85);-moz-opacity:0.85;-khtml-opacity: 0.85;opacity: 0.85;}
#index .container .title{
	margin-top:-29px;
	font-family: "微软雅黑";
	font-size: 14px;
	text-align:left; 
	padding:12px 0;
	position:relative;
	z-index:2;
	background: #fff;
	margin-left:15px;
	width:90%;
	*width:100%;*margin:-33px 0 0 -13px;*height: 20px;}
#index .container .member{
	border-top: 1px solid #ededed;
	background-color: #fbfaf8;*background-color: #fff;
	padding: 8px;
	text-align: left;
	line-height: 30px;
	*width:100%;*margin:0px 0 0 -13px;position: relative;
}
#index .container .member img{height: 30px;width: 30px;float: left;margin:0 8px 0 0;}
#index .container .member time{
	background-image: url(../images/time.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 4px 0 4px 20px;
	margin:0 0 0 5px;
}

/*--------------------------------------------------1366宽度------------------------------------------*/
@media (max-width: 1366px) {}
/*--------------------------------------------------iPad-1024宽度------------------------------------------*/
@media (max-width: 1024px) {}
/*--------------------------------------------------800宽度--------------------------------------- */
@media (max-width: 800px) {}
/*--------------------------------------------------650宽度--------------------------------------- */
@media (max-width: 650px) {}
/*--------------------------------------------------450宽度--------------------------------------- */
@media (max-width: 450px) {}
/*--------------------------------------------------安卓手机宽度--------------------------------------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {}
